<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">


<ui:composition template="../WEB-INF/plantilla/layout.xhtml">
    <ui:define name="contenido">
    	
    	<h:form id="frmOrg">
    		 <p:panel header="Búsqueda de Organizaciones" id="pnlOrg" style="text-align:left; height:20em">
    		 <p:ring id="basic" value="#{org.listaOrganizaciones}" var="organizacion" >
		        <p:outputPanel style="text-align:center;" layout="block" >
		            #{organizacion.nombre}
		            <p:graphicImage value="/images/organizacion/#{organizacion.photo}" height="70" width="70"/>
		           <p:commandButton update=":frmOrg:dialog" 
		                        icon="ui-icon-search" 
		                        title="View"  oncomplete="dlg.show()" >
		                  <f:setPropertyActionListener value="#{organizacion}"
		                    target="#{org.selectedOrganizacion}" />
		                 <f:param name="myId" value="#{organizacion.id}"/>
		            </p:commandButton>
		        </p:outputPanel>
		    </p:ring>
		 
		    <p:dialog id="dialog" widgetVar="dlg" showEffect="fade" hideEffect="fade" modal="true" width="auto" 
		    header="Hallazgos de Organización"  >
 
 			<p:panel id="panelRes">
    		<h:panelGrid  columns="2" cellpadding="5" rendered="#{not empty org.selectedOrganizacion}">
 				<h:panelGrid columns="1">
 				
 				   <h:outputText id="modelNo" value="Organización: #{org.selectedOrganizacion.nombre}" />
 						<p:graphicImage
                            value="/images/organizacion/#{org.selectedOrganizacion.photo}"
                            width="190" height="200"/>
 				</h:panelGrid>
     			<p:dataTable value="#{org.listaHallazgos}" var="tbl" rows="20"
 					emptyMessage="No hay Hallazgos"
					paginatorPosition="bottom" 
					paginator="true"
					paginatorTemplate="{FirstPageLink} {PreviousPageLink} {NextPageLink} {LastPageLink}">
					"#{tbl.nombreOrganizacion}"
					<p:column headerText="Hallazgos">
						<h:outputText value="#{tbl.nombre}" />
					</p:column>
					<p:column headerText="NRO">
						<h:outputText value="#{tbl.numeroHallazgo}" />
					</p:column>
					<p:column headerText="Sinónimos">
						<h:outputText value="#{tbl.sinonimo}" />
					</p:column>
							</p:dataTable>
    		</h:panelGrid>
 			</p:panel> 
    </p:dialog>
     </p:panel>
    	</h:form>
    	
    </ui:define>
</ui:composition>
	
</html>
